<!DOCTYPE html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<style>
	.header{
		position:fixed;
		left:0;
		top:0;
		z-index:1001;
	}
</style>
</head>

<body>
	<?php include_once VIEWS.'inc/header.php'; ?>
	<div class="main welcome">
		<div class="banner">
			<div class="xia">
				<i></i>
				<i></i>		
			</div>
			<div class="flexslider">
				<div class="num">
					<ul>
						<li>
							<div class="number">01</div>
							<div class="line"></div>
						</li>
						<li>
							<div class="number">02</div>
							<div class="line"></div>
						</li>
						<li>
							<div class="number">03</div>
							<div class="line"></div>
						</li>
						<li>
							<div class="number">04</div>
							<div class="line"></div>
						</li>
						<li>

							<div class="number">05</div>
							<div class="line"></div>
						</li>
					</ul>
				</div>
				
				<ul class="slides">
					<li style="background:url(<?php echo static_file('web/img/banner.jpg'); ?>) no-repeat right center;">
						<a href="javascript:;" title="山东金东数字创意股份有限公司"></a>
					</li>
					<li style="background:url(<?php echo static_file('web/img/banner.jpg'); ?>) no-repeat right center;">
						<a href="javascript:;" title="山东金东数字创意股份有限公司"></a>
					</li>
					<li style="background:url(<?php echo static_file('web/img/banner.jpg'); ?>) no-repeat right center;">
						<a href="javascript:;" title="山东金东数字创意股份有限公司"></a>
					</li>
					<li style="background:url(<?php echo static_file('web/img/banner.jpg'); ?>) no-repeat right center;">
						<a href="javascript:;" title="山东金东数字创意股份有限公司"></a>
					</li>
					<li style="background:url(<?php echo static_file('web/img/banner.jpg'); ?>) no-repeat right center;">
						<a href="javascript:;" title="山东金东数字创意股份有限公司"></a>
					</li>
				</ul>
			</div>
			<div class="share">
				<div class="en">
					<img src="<?php echo static_file('web/img/f.png'); ?>" alt="">
				</div>
				<div class="line"></div>
				<div class="bdsharebuttonbox">
					<a href="javascript:;" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
					<a href="javascript:;" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
					<a href="javascript:;" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
				</div>

			</div>
		</div>

		<div class="swiper_banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="javascript:;">
							<img src="<?php echo static_file('web/img/banner.jpg'); ?>" alt="">
						</a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:;">
							<img src="<?php echo static_file('web/img/banner.jpg'); ?>" alt="">
						</a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:;">
							<img src="<?php echo static_file('web/img/banner.jpg'); ?>" alt="">
						</a>
					</div>
					<div class="swiper-slide">
						<a href="javascript:;">
							<img src="<?php echo static_file('web/img/banner.jpg'); ?>" alt="">
						</a>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>

		<div class="business_box" style="background:url(<?php echo static_file('web/img/index_bg.jpg'); ?>) no-repeat top center;background-size:cover;">
			<div class="title js-m">
				<div class="en">Business area</div>
				<div class="cn">业务领域</div>
			</div>
			<div class="business js-m">
				<ul class="f-cb">
					<li>
						<a href="<?php echo site_url('business'); ?>" title="文旅科技">
							<div class="tu">
								<img src="<?php echo static_file('web/img/business1.jpg'); ?>" alt="">
							</div>
							<div class="txt_box">
								<div class="cn">文旅科技</div>
								<div class="en">Culture and Tourism Technology</div>
								<div class="line"></div>
							</div>
							<div class="hover_box">
								<div class="tit">
									<div class="cn">文旅科技</div>
									<div class="en">Culture and Tourism Technology</div>
									<div class="line"></div>
								</div>
								<div class="more">
									<div class="e">view more</div>
									<i></i>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="#" title="体验馆">
							<div class="tu">
								<img src="<?php echo static_file('web/img/business2.jpg'); ?>" alt="">
							</div>
							<div class="txt_box">
								<div class="cn">体验馆</div>
								<div class="en">Experience Hall</div>
								<div class="line"></div>
							</div>
							<div class="hover_box">
								<div class="tit">
									<div class="cn">体验馆</div>
									<div class="en">Experience Hall</div>
									<div class="line"></div>
								</div>
								<div class="more">
									<div class="e">view more</div>
									<i></i>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('business/vision'); ?>" title="创意视觉">
							<div class="tu">
								<img src="<?php echo static_file('web/img/business3.jpg'); ?>" alt="">
							</div>
							<div class="txt_box">
								<div class="cn">创意视觉</div>
								<div class="en">Creative vision</div>
								<div class="line"></div>
							</div>
							<div class="hover_box">
								<div class="tit">
									<div class="cn">创意视觉</div>
									<div class="en">Creative vision</div>
									<div class="line"></div>
								</div>
								<div class="more">
									<div class="e">view more</div>
									<i></i>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('intro'); ?>" title="骇客星">
							<div class="tu">
								<img src="<?php echo static_file('web/img/business4.jpg'); ?>" alt="">
							</div>
							<div class="txt_box">
								<div class="cn">骇客星</div>
								<div class="en">Hacker</div>
								<div class="line"></div>
							</div>
							<div class="hover_box">
								<div class="tit">
									<div class="cn">骇客星</div>
									<div class="en">Hacker</div>
									<div class="line"></div>
								</div>
								<div class="more">
									<div class="e">view more</div>
									<i></i>
								</div>
							</div>
						</a>
					</li>
				</ul>

				<div class="swiper_business">
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">	
								<a href="<?php echo site_url('business'); ?>">
									<div class="tu">
										<img src="<?php echo static_file('web/img/business1.jpg'); ?>" alt="">
									</div>
									<div class="txt_box">
										<div class="cn">文旅科技</div>
										<div class="en">Culture and Tourism Technology</div>
										<div class="line"></div>
									</div>
								</a>
							</div>
							<div class="swiper-slide"> 
								<a href="#">
									<div class="tu">
										<img src="<?php echo static_file('web/img/business2.jpg'); ?>" alt="">
									</div>
									<div class="txt_box">
										<div class="cn">体验馆</div>
										<div class="en">Experience Hall</div>
										<div class="line"></div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="<?php echo site_url('business/vision'); ?>">
									<div class="tu">
										<img src="<?php echo static_file('web/img/business3.jpg'); ?>" alt="">
									</div>
									<div class="txt_box">
										<div class="cn">创意视觉</div>
										<div class="en">Creative vision</div>
										<div class="line"></div>
									</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="<?php echo site_url('intro'); ?>">
									<div class="tu">
										<img src="<?php echo static_file('web/img/business4.jpg'); ?>" alt="">
									</div>
									<div class="txt_box">
										<div class="cn">骇客星</div>
										<div class="en">Hacker</div>
										<div class="line"></div>
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-pagination">	</div>
					</div>
				</div>
				<a href="<?php echo site_url('business'); ?>" class="read_more" title="view more">
					view more
					<span class="line-1"></span>
					<span class="line-2"></span>
					<span class="line-3"></span>
					<span class="line-4"></span>
				</a>
			</div>

			<div class="about_box w1720 js-m">	
				<div class="abox f-cb">	
					<div class="ab_l f-cb" style="background:url(<?php echo static_file('web/img/a1.png'); ?>) no-repeat center center;background-size:contain">	
					</div>

					<div class="ab_cen f-cb">	
						<div class="tit">
							<div class="en">news center</div>
							<div class="txt">
								<div class="ico"></div>
								<div class="cn">了解金东最新动态</div>
							</div>
						</div>
						<div class="news_list">
							<ul>
								 <?php for($i=0; $i<4;$i++) {?>
								<li>
									<a href="<?php echo site_url('news/detail'); ?>" class="f-cb" title="在这个奇妙的主题公园中">
										<div class="cont">
											<div class="t">在这个奇妙的主题公园中</div>
											<div class="con">
												在这个奇妙的主题公园中，您将梦想成真。这里每个季节都是永恒的，将会发现自己仿若沉浸在真实的卡通世界。当您通过园区，将会发现魔幻之家和激动人心的游玩项目，炫目的现场娱乐和特别活动，以及特色餐饮和独特的购物体验。

											</div>
										</div>
										<div class="date">
											<div class="day">
												<div class="tab">
													<div class="tab_cell">
														<div class="d">05</div>
														<div class="year">2018.02</div>
													</div>
												</div>
											</div>
											<div class="line"></div>
										</div>
									</a>
								</li>
								 <?php }?>
							</ul>
							<a href="<?php echo site_url('news'); ?>" class="more"></a>
						</div>
					</div>
					<div class="ab_r">
						<div class="tit">
							<div class="en">welcome</div>
							<div class="txt">
								<div class="ico"></div>
								<div class="cn">让一切超乎想象</div>
							</div>
						</div>
						<div class="con">
							<p>金东创意股票代码：870402，深耕数字创意产业14年，是美国EDG在中国的合作方，拥有国内顶尖的研发、策划、设计、施工、运营管理等服务团队300余人，获得包括中国展览工程策划、设计与施工一级资质、国家动漫企业认证、国家高新技术企业等资质及专利证书60余项，秉承“让一切超乎想象”的创新理念，为客户提供从策划设计到运营管理的一体化综合服务。</p>
						</div>
						<a href="<?php echo site_url('about'); ?>" class="read_more" title="view more">
							view more
							<span class="line-1"></span>
							<span class="line-2"></span>
							<span class="line-3"></span>
							<span class="line-4"></span>
						</a>
					</div>
				</div>
			</div>
		</div>

		<div class="case_box" style="background:url(<?php echo static_file('web/img/case_bg.jpg'); ?>) no-repeat top center;background-size:cover;">
			<div class="case_cen w1720 js-m">
				<div class="title f-cb">
					<div class="tit">
						<div class="en">Case show</div>
						<div class="cn">案例展示</div>
					</div>
					<a href="<?php echo site_url('business'); ?>" class="read_more" title="view more">
						view more
						<span class="line-1"></span>
						<span class="line-2"></span>
						<span class="line-3"></span>
						<span class="line-4"></span>
					</a>
				</div>
				<div class="owl-carousel">
					<div class="item">
						<a href="<?php echo site_url('business/detail'); ?>" title="曹县航天科技馆">
							<div class="tu">
								<img src="<?php echo static_file('web/img/case1.jpg'); ?>" alt="">
							</div>
							<div class="cont">
								<div class="t">曹县航天科技馆</div>
								<div class="ds">体验馆</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="<?php echo site_url('business/detail'); ?>" title="四川科技馆">
							<div class="tu">
								<img src="<?php echo static_file('web/img/case2.jpg'); ?>" alt="">
							</div>
							<div class="cont">
								<div class="t">四川科技馆</div>
								<div class="ds">体验馆</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="<?php echo site_url('business/detail'); ?>" title="三门峡自然科技馆">
							<div class="tu">
								<img src="<?php echo static_file('web/img/case3.jpg'); ?>" alt="">
							</div>
							<div class="cont">
								<div class="t">三门峡自然科技馆</div>
								<div class="ds">体验馆</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="<?php echo site_url('business/detail'); ?>" title="低碳科技馆">
							<div class="tu">
								<img src="<?php echo static_file('web/img/case4.jpg'); ?>" alt="">
							</div>
							<div class="cont">
								<div class="t">低碳科技馆</div>
								<div class="ds">体验馆</div>
							</div>
						</a>
					</div>
					<!-- <div class="item">
						<a href="<?php echo site_url('business/detail'); ?>">
							<div class="tu">
								<img src="<?php echo static_file('web/img/case4.jpg'); ?>" alt="">
							</div>
							<div class="cont">
								<div class="t">低碳科技馆</div>
								<div class="ds">体验馆</div>
							</div>
						</a>
					</div> --> 
				</div>
				<a href="<?php echo site_url('business'); ?>" class="read_more2" title="view more">
					view more
					<span class="line-1"></span>
					<span class="line-2"></span>
					<span class="line-3"></span>
					<span class="line-4"></span>
				</a>
			</div>
		</div>
		<div class="cooperation">
			<div class="swiper_cooperation w1720">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>

						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank">
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="" title="中国中车">
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="cooperation_cen w1720 js-m">
				<div class="line_h">
					<ul>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="line_s">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="list">
					<ul class="f-cb">
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank"  title="中国中车"> 
								<img src="<?php echo static_file('web/img/zc.png'); ?>" alt="">
							</a>
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/bl.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:; " title="保利地产">
								<img src="<?php echo static_file('web/img/c1.png'); ?>" alt="" >
							</a>	
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c2.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c3.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c4.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c5.png'); ?>" alt="">
							</a>
							
						</li>
						<li>
							<a href="javascript:;" target="_blank" title="保利地产">
								<img src="<?php echo static_file('web/img/c6.png'); ?>" alt="">
							</a>
							
						</li>
					</ul>
				</div>
				
			</div>
		</div>
	</div>
	<?php include_once VIEWS.'inc/footer.php'; ?>                          	
	<?php
		echo static_file('web/js/main.js');
		echo static_file('m/swiper/swiper.min.js');
		echo static_file('m/swiper/swiper.css');
	?>

</body>
</html>

<script>
	$(function(){
		var winH=$(window).height();
		$('.banner').height(winH-$('.header').height());
		$(".flexslider").flexslider({
			animation: "fade",
			animationLoop: true,
			slideshow: true,
			slideshowSpeed: 5000,
			touch:true,
			pauseOnHover:true,
			manualControls:'.flexslider .num ul li',
			init:function(){
				scrollAni();
			}
		});


		$('.list ul li').height(Math.floor($('.list ul li').width()*(170/215))).css('line-height',Math.floor($('.list ul li').width()*(170/215))+'px');
		$('.line_h ul li').height(Math.floor($('.list ul li').width()*(170/215)));
		
		$('.cooperation_cen').height(Math.ceil($('.list ul li').length/8)*$('.list ul li').height());
		if($(window).width()<1024-17){
			$('.cooperation_cen').height(Math.ceil($('.list ul li').length/6)*$('.list ul li').height());
		}
		$(window).resize(function(){
			winH=$(window).height();
			$('.banner').height(winH-$('.header').height());
			$('.list ul li').height(Math.floor($('.list ul li').width()*(170/215))).css('line-height',Math.floor($('.list ul li').width()*(170/215))+'px');
			$('.line_h ul li').height(Math.floor($('.list ul li').width()*(170/215)));

			$('.cooperation_cen').height(Math.ceil($('.list ul li').length/8)*$('.list ul li').height());
			if($(window).width()<1024-17){
				$('.cooperation_cen').height(Math.ceil($('.list ul li').length/6)*$('.list ul li').height());
			}
		})
	})
</script>


<script>
	$(function(){
		var mySwiper = new Swiper('.swiper_banner .swiper-container', {
			pagination: '.swiper_banner .swiper-pagination'
		});

		var mySwiper2 = new Swiper('.swiper_business .swiper-container', {
			autoplay: 3000,
			speed:500,
			pagination: '.swiper_business .swiper-pagination',
	        slidesPerView:3,
	        spaceBetween : 20,
	         breakpoints: { 
			    600: {
			      slidesPerView: 2,
			      spaceBetween: 10
			    }
			 }

		});
		var mySwiper2 = new Swiper('.swiper_cooperation .swiper-container', {
			autoplay: 2000,
			speed:500,
	        slidesPerView:2,
	        spaceBetween : 10

		});
		$('.swiper_cooperation .swiper-slide').height(Math.floor($('.swiper_cooperation .swiper-slide').width()*(170/215))).css('line-height',Math.floor($('.swiper_cooperation .swiper-slide').width()*(170/215))+'px');

		$('.owl-carousel').owlCarousel({
		      // loop:true,
		      margin:20,
		      // autoplay:true,
		      responsive:{
		      	  0:{
		              items:1
		          },
		          600:{
		              items:2
		          },
		          800:{
		              items:3
		          },
		          1200:{
		              items:4
		          }
		      }
		})

		$('.owl-carousel').on('resized.owl.carousel',function(){
			if($('.owl-dots .owl-dot').length==1){
				$('.owl-dots').hide();
			}
		})

		if($('.owl-dots .owl-dot').length==1){
			$('.owl-dots').hide();
		}


		$('.banner .xia').click(function(){
			$('body,html').animate({
				scrollTop:$(window).height()
			},500);
		})
	})
</script>
<script>
	window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>



